<template>
  <div>
    <h3>父组件</h3>
    <hr />
    <child>
      <template #header>
        <header>我是一个头部导航</header>
      </template>
      <div>我是slot中的数据</div>
      <template #icon="row">
        <div>aaaa -- {{ row }}</div>
      </template>
    </child>
  </div>
</template>

<script>
import { ref } from 'vue'
import child from './components/child.vue'
export default {
  components: {
    child
  },
  setup() {
    return {}
  }
}
</script>

<style lang="scss" scoped></style>
